<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>我要报名</title>
    <!--<meta name="description" content="这是一个 index 页面">-->
    <meta name="keywords" content="index">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <link rel="icon" type="image/png" href="/static/admin/main/assets/i/favicon.png">
    <link rel="apple-touch-icon-precomposed" href="/static/admin/main/assets/i/app-icon72x72@2x.png">
    <meta name="apple-mobile-web-app-title" content="Amaze UI"/>
    <link rel="stylesheet" href="/static/admin/main/assets/css/amazeui.min.css"/>
    <link rel="stylesheet" href="/static/admin/main/assets/css/amazeui.datatables.min.css"/>
    <link rel="stylesheet" href="/static/admin/main/assets/css/app.css">
    <script src="/static/admin/main/assets/js/jquery.min.js"></script>

</head>

<body data-type="login">
<script src="/static/admin/main/assets/js/theme.js"></script>
<div class="am-g tpl-g">
    {block name="main"}
    <div class="tpl-login">
        <div class="tpl-login-content">
            <form class="am-form am-form-horizontal" action="{:url('index/Baoming/dobaominginfo')}" method="post">
                <div class="am-form-group">
                    <label for="doc-ipt-3" class="am-u-sm-3 am-form-label">报名课程</label>
                    <div class="am-u-sm-9">
                        <input type="text" id="doc-ipt-3" readonly value="{$coursemoney['coursename']}" name="coursename">
                    </div>
                </div>

                <div class="am-form-group">
                    <label for="doc-ipt-3" class="am-u-sm-3 am-form-label">参与活动</label>
                    <div class="am-u-sm-9">
                        <input type="text" id="doc-ipt-3" readonly value="{$actmoney['name']}" name="name">
                    </div>
                </div>

                <div class="am-form-group">
                    <label for="doc-ipt-3" class="am-u-sm-3 am-form-label">推荐人</label>
                    <div class="am-u-sm-9">
                        <input type="text" id="doc-ipt-3" readonly value="{$data['refertel']}" name="refertel">
                    </div>
                </div>

                <div class="am-form-group">
                    <label for="doc-ipt-3" class="am-u-sm-3 am-form-label">课程总金额</label>
                    <div class="am-u-sm-9">
                        <input type="text" id="doc-ipt-3" readonly value="{$coursemoney['price']}" name="price">
                    </div>
                </div>

                <div class="am-form-group">
                    <label for="doc-ipt-3" class="am-u-sm-3 am-form-label">优惠金额</label>
                    <div class="am-u-sm-9">
                        <input type="text" id="doc-ipt-3" readonly value="{$actmoney['concession']}" name="concession">
                    </div>
                </div>

                <div class="am-form-group">
                    <label for="doc-ipt-3" class="am-u-sm-3 am-form-label">应付金额</label>
                    <div class="am-u-sm-9">
                        <input type="text" id="doc-ipt-3" readonly value="{$fee}" name="fee">
                    </div>
                </div>

                <div class="am-form-group">
                    <div class="am-u-sm-8 am-u-sm-offset-4">
                        <button type="submit" class="am-btn am-btn-default">确认报名</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
    {/block}
</div>
<script src="/static/admin/main/assets/js/amazeui.min.js"></script>
<script src="/static/admin/main/assets/js/app.js"></script>
{block name="myjs"}
<script>
    //    $(function () {
    //        $('.mytel').blur(function () {
    //            var tel = $(this);
    //            checktel(tel);
    //        });
    //        $('.myusername').blur(function () {
    //            var username = $(this);
    //            checkusername(username);
    //        });
    //        $('.mypass').blur(function () {
    //            var mypass = $(this);
    //            checkmypass(mypass);
    //        });
    //        $('.repass').blur(function () {
    //            checkRepass();
    //        });
    //        $('.myform').submit(function () {
    //            return (function () {
    //                var tel = $('.mytel');
    //                var username = $('.myusername');
    //                var mypass = $('.mypass');
    //                if (checktel(tel) && checkusername(username) && checkmypass(mypass) && checkRepass()) {
    //                    return true;
    //                } else {
    //                    return false;
    //                }
    //            })();
    //            return false;
    //        })
    //    });
    //    function checktel(tel) {
    //        var reg = /^1[3|4|5|7|8][0-9]{9}$/;
    //        if (reg.test(tel.val())) {
    //            tel.next('span').html('');
    //            var ret = '';
    //            $.ajax({
    //                url:"{:url('index/Register/checktel')}",
    //                type:'post',
    //                async:false,
    //                data:{
    //                    'tel':tel.val()
    //                },
    //                success:function(data){
    //                    if(!data){
    //                        tel.next('span').html('该手机号已被注册');
    //                        ret = 'false';
    //                    }
    //                }
    //            });
    //            if(ret == 'false'){
    //                return false;
    //            }
    //            console.log('222');
    //            return true;
    //        } else {
    //            tel.next('span').html('手机号不符合规则');
    //            return false;
    //        }
    //    }
    //    function checkusername(username) {
    //        var reg = /^[0-9a-zA-Z\u4e00-\u9fa5_]{3,16}$/;
    //        var retn =  '';
    //        if (reg.test(username.val())) {
    //            username.next('span').html('');
    //            $.ajax({
    //                url:"{:url('index/Register/checkusername')}",
    //                type:'post',
    //                async:false,
    //                data:{
    //                    'username':username.val()
    //                },
    //                success:function(data){
    //                    if(!data){
    //                        username.next('span').html('该用户名已被注册');
    //                        retn = 'false';
    //                    }
    //                }
    //            });
    //            if(retn == 'false'){
    //                return false;
    //            }
    //            return true;
    //        } else {
    //            console.log(111);
    //            username.next('span').html('用户名不符合规则');
    //            return false;
    //        }
    //    }
    //    function checkmypass(mypass) {
    //        var reg = /^[\w]{6,12}$/;
    //        if (reg.test(mypass.val())) {
    //            mypass.next('span').html('');
    //            return true;
    //        } else {
    //            mypass.next('span').html('密码不符合规则');
    //            return false;
    //        }
    //    }
    //    function checkRepass() {
    //        var pass = $('.mypass');
    //        var repass = $('.repass');
    //        if (pass.val() == repass.val()) {
    //            repass.next('span').html('');
    //            return true;
    //        } else {
    //            repass.next('span').html('两次密码不一致');
    //            return false;
    //        }
    //    }
    $(function () {
        $('.rerfertel').blur(function () {
            var tel = $(this);
            checktel(tel);
        });
        $('.mycourse').change(function () {
//            console.log(111);
            var courseid = $(this).val();
//            console.log(courseid);
            $.ajax({
                type: 'get',
                dataType: 'json',
                data: {
                    'courseid': courseid
                },
                url: "{:url('index/Baoming/getclassid')}",
                success: function (data) {
                    $('.myclass').empty();
                    for (var i = 0; i < data.length; i++) {
                        var options = ("<option value='" + data[i].id + "'>" + data[i].classname + "</option>");
                        $(options).appendTo('.myclass');
                    }
                }
            });
        });
        function checktel(tel) {
            $.ajax({
                url: "{:url('index/Register/checktel')}",
                type: 'post',
                async: false,
                data: {
                    'tel': tel.val()
                },
                success: function (data) {
                    if (data) {
                        tel.next('span').html('该推荐人不存在');
                        ret = 'false';
                    }else {
                        tel.next('span').html('');
                    }
                }
            });
            if (ret == 'false') {
                return false;
            }
            return true;
        }
    })
    ;
</script>
{/block}
</body>
</html>